//获取元素
var btn  = document.querySelector("#btn");
var ipt  = document.querySelector("#ipt");
var list = document.querySelector("#list");


ipt.addEventListener('keydown',function(e){
   if(e.keyCode == 13){
       console.log("我按下了回车键")
       s();
   }
})


btn.addEventListener("click",s);



function s(){
    //如果内容是空白则不显示
    if (ipt.value === ""){
        alert("我想你应该写点什么宝贝儿~")
        return false
    }
    //    创建span标签
    var span = document.createElement("span");
    var spanText = document.createTextNode(ipt.value);
    span.appendChild(spanText);
//    创建button标签
    var button = document.createElement("button");
    var buttonText = document.createTextNode("✘");
    button.appendChild(buttonText);
    //移除事件
    button.addEventListener("click",function(){
        list.removeChild(this.parentNode);
    });

//    创建li标签
    var li = document.createElement("li");
//    把span、button、追加到li标签里
    li.appendChild(span);
    li.appendChild(button);
//    把li追加到ul列表里
    list.appendChild(li);


}